<!DOCTYPE HTML>
<!--[if IE 8]>
<html class="ie8 no-js" xmlns:th="http://www.thymeleaf.org"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js" xmlns:th="http://www.thymeleaf.org"> <!--<![endif]-->
<head th:replace="common/head::sf-head"></head>
<body>
<!-- begin container -->
<div id="wrap">
    <!-- begin header -->
    <div th:replace="common/header::sf-protal-header"></div>
    <!-- end header -->
    <!-- begin content -->
    <section id="content" class="container clearfix">
        <!-- begin page header -->
        <header id="page-header">
            <h1 id="page-title">Customer evaluation</h1>
        </header>
        <!-- end page header -->
        <!-- begin main content -->
        <section id="main" class="three-fourths">
            <!-- begin testimonials -->
            <blockquote class="speech-bubble">
                <div class="quote-content">
                    <p>Great theme! Very intuitive, clean code, very well-organized documentation &ndash; I would highly
                        recommend getting this theme; it’s ideal for further customization!</p>
                    <p>Praesent consectetur tincidunt ipsum, vel pharetra neque elementum vel. Vestibulum adipiscing
                        semper varius. Mauris a mollis nisi. Nam fringilla scelerisque metus ac mollis. Vestibulum nec
                        lorem ligula.</p>
                    <span class="quote-arrow"></span>
                </div>
                <div class="quote-meta">Harry Jones, Web Designer<br>
                    <span class="grey-text">CreativeBrains</span>
                </div>
            </blockquote>

            <blockquote class="speech-bubble">
                <div class="quote-content">
                    <p>I would rate the template 5 out of 5 and here's why: it has a clean and straightforward look that
                        will work for a variety of target audiences, which is important when you build for ROI.</p>
                    <p>Praesent consectetur tincidunt ipsum, vel pharetra neque elementum vel. Vestibulum adipiscing
                        semper varius. Mauris a mollis nisi. Nam fringilla scelerisque metus ac mollis. Vestibulum nec
                        lorem ligula.</p>
                    <span class="quote-arrow"></span>
                </div>
                <div class="quote-meta">Andrew Williams, Art Director<br>
                    <span class="grey-text">SmartBiz</span>
                </div>
            </blockquote>

            <blockquote class="speech-bubble">
                <div class="quote-content">
                    <p>The template is really intuitive to customize and, the few instances when I needed help, you were
                        right there to assist, in a timely manner, I might add. Well done, keep up the great work!</p>
                    <p>Praesent consectetur tincidunt ipsum, vel pharetra neque elementum vel. Vestibulum adipiscing
                        semper varius. Mauris a mollis nisi. Nam fringilla scelerisque metus ac mollis. Vestibulum nec
                        lorem ligula.</p>
                    <span class="quote-arrow"></span>
                </div>
                <div class="quote-meta">Larry Thompson, Web Developer<br>
                    <span class="grey-text">BitVenture</span>
                </div>
            </blockquote>
            <!-- end testimonials -->
        </section>
        <!-- end main content -->

        <!-- begin sidebar -->
        <aside id="sidebar" style="margin-top: 20px;" class="one-fourth column-last">
            <div class="widget">
                <h3>客户导航</h3>
                <nav>
                    <ul class="menu">
                        <li><a href="#">提出需求</a></li>
                        <li class="current-menu-item"><a href="#">服务评价</a></li>
                        <li><a href="#">您的意见</a></li>
                    </ul>
                </nav>
            </div>
        </aside>
        <!-- end sidebar -->
        <!-- begin pagination -->
        <section>
            <nav class="page-nav">
                <ul>
                    <li><a href="#">&laquo; First</a></li>
                    <li><a href="#">&lsaquo; Previous</a></li>
                    <li><a href="#">6</a></li>
                    <li class="current">7</li>
                    <li><a href="#">8</a></li>
                    <li><a href="#">9</a></li>
                    <li><a href="#">10</a></li>
                    <li><a href="#">Next &rsaquo;</a></li>
                    <li><a href="#">Last &raquo;</a></li>
                </ul>
            </nav>
        </section>

    </section>
    <!-- end content -->
    <!-- begin footer -->
    <footer th:replace="common/footer::sf-protal-footer"></footer>
    <!-- end footer -->
</div>
<!-- end container -->
</body>
</html>